<template>
  <div class="fac-pic-container" v-bind:style="{background: 'url(' + defaultBgUrl + ')'}">
    <p class="fac-pic-p">{{title}}</p>
    <span class="fac-pic-span">{{subTitle}}</span>
  </div>
</template>
<script>
export default {
  name: "FactoryCard1",
  components: {},
  props: {
    title: String,
    subTitle: String
  },
  data() {
    return {
      defaultBgUrl:
        "https://tva1.sinaimg.cn/large/006y8mN6gy1g7y2j5rjc0j30830830sl.jpg"
    };
  }
};
</script>

<style scoped>
.fac-pic-container {
  width: 291px;
  height: 291px;
  clear: both;
  display: inline-block;
  flex: 0 0 22%;
  margin-right: 10px;
  margin-bottom: 10px;
}

.fac-pic-p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 50px;
  list-style: none;
  font-family: "微软雅黑", Arial;
}

.fac-pic-span {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #fff;
  line-height: 24px;
}
</style>